<ion-header>
  <ion-navbar>
    <ion-title>经典案例明细</ion-title>
  </ion-navbar>
</ion-header>


<ion-content>
<ion-item>
  <button  ion-button color="light" (click)="createCaseFn()">新建案例</button>
</ion-item>
<ion-grid>
    <ion-row>
      <ion-col col-6>
            <ion-list>
              <ion-item>
                <ion-label>建筑</ion-label>
                <ion-select [(ngModel)]="employee">
                  <ion-option  [value]="'test'">test</ion-option>
                  <ion-option *ngFor="let item of buildings" [value]="item.value">{{ item.name  }}</ion-option>
                </ion-select>
              </ion-item>
            </ion-list>
      </ion-col>

      <ion-col col-6>
          <ion-list>
            <ion-item>
              <ion-label>二级分来</ion-label>
              <ion-select [(ngModel)]="secondClasic">
                <ion-option *ngFor="let item of buildings" [value]="item.name">{{ item.name }}</ion-option>
              </ion-select>
            </ion-item>
          </ion-list>
      </ion-col>
    </ion-row>
</ion-grid>

<ion-slides pager (ionSlideDidChange)="slideChanged()" class="slide_height">

  <ion-slide style="background-color: green">
    <h2>Slide 1</h2>
  </ion-slide>

  <ion-slide style="background-color: blue">
    <h2>Slide 2</h2>
  </ion-slide>

  <ion-slide style="background-color: red">
    <h2>Slide 3</h2>
  </ion-slide>

</ion-slides>

<ion-item>
  本案例处理流程如下：
  <textarea class="text_area"></textarea>
</ion-item>

  <ion-item>
    <ion-grid>
        <ion-row>
          <ion-col col-4>
                <ion-item>
                评论者
                </ion-item>
          </ion-col>
          <ion-col col-8>
                <ion-item>
                  2017:09 :11
                </ion-item>
          </ion-col>
        </ion-row>
    </ion-grid>
    <textarea class="text_area"></textarea>
  </ion-item>

  <ion-fab right bottom>
    <button ion-fab color="light"><ion-icon name="arrow-dropleft"></ion-icon></button>
    <ion-fab-list side="left">
      <button ion-fab><ion-icon name="logo-facebook"></ion-icon></button>
      <button ion-fab><ion-icon name="logo-twitter"></ion-icon></button>
    </ion-fab-list>
  </ion-fab>
</ion-content>